/* 
    Document   : app
    Created on : 29 mai 2011, 03:14:48
    Author     : SOGOBA
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
  font-family: arial, sans-serif;
  background-color:#fff;
  font-size: small;
  margin: 24px 8px 8px;
  color:#000;
}

/* ########## HYPERLINKS ########## */

a{
  color: #0000cc;
}

a:active {
  color: #cc0000;
  text-decoration:none;
}

a:visited {
  color: #551a8b;
}

/* ########## END HYPERLINKS ########## */

/* ########## FONT FORMATS ########## */

h1, h2, h3, h4, h5 {
  font-weight:bold;
  margin-bottom:0;
}

h2, h3, h4, h5 {
  margin-left:25px;
}

h1 {
  font-size:130%;
  margin:2em 0 0 10px;
  padding:0 3px 0 3px;
  border-top: 1px solid;
  background-color: #e5ecf9;
  border-color: #3366CC;
}

h2 {
  font-size:120%;
  margin-top:1.5em;
  border-bottom: 1px solid;
  border-color: #3366CC;
}

h3 {
  font-size:110%;
  margin-top:.7em;
  position:relative;
  left:0;
  top:.7em;
  z-index:5; /*to avoid falling behind other elements due to lowered position*/
}

h4 {
  margin-top:.5em;
  font-size:100%;
  font-weight:bold;
  position:relative;
  left:0;
  top:.8em;
  z-index:5; /*to avoid falling behind other elements due to lowered position*/
}

h5 {
  margin-top:.4em;
  font-size:100%;
  font-weight:100;
  font-style:italic;
  text-decoration:underline;
  position:relative;
  left:0;
  top:.8em;
  z-index:5; /*to avoid falling behind other elements due to lowered position*/
}

p {
  margin: 1em 0 0 25px;
  padding:0;
}

ol, ul, dl{
  padding-top:.5em;
  margin-top:0;
  margin-bottom:0;
}

ol li ol, ul li ul{
  padding:.1em 0 0 0;
  margin:0;
}

li{
  margin: .4em 0 0 1.5em;
  padding:0;
}

dt{
  font-weight:bold;
  margin:.75em 0 0 25px;
  padding:0;
}

dd{
  margin: .4em 0 0 4em;
  padding:0;
  font-weight:normal;
}

ul li p, ol li p{
  margin: 0 0 0 20px;
  padding:.4em 0 0 0;
  font-weight:normal;
}

.listhead li{
  font-weight:bold;
  margin:.75em 0 0 1.5em;
}

.listhead li p{
  font-weight:normal;
  margin: 0;
}

ol.alpha{list-style:lower-alpha;}
ol.alphacap{list-style:upper-alpha;}
ol.roman{list-style:lower-roman;}
ol.romancap{list-style:upper-roman;}


code{
  font-family: "Courier New", Courier, monospace;
  font-size: 100%;
}

.code li{
  font-family: "Courier New", Courier, monospace;
  font-size: 100%;
  margin-top:.75em;
}

.code li p{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0;
}

ul li p.note, ul li p.warning, ul li p.caution,
ol li p.note, ol li p.warning, ol li p.caution{
  margin: .8em 0 0 0;
  padding:.2em .5em .2em .9em;
  background-color: #efefef;
  border-top: #ccc 1px solid;
}

form {
  padding:0;
  margin:2em 0 0 0;
}

pre {
  background-color: #eee;
  border: 1px solid #bbb;
  color: #000000;
  font-family: "Courier New", Courier, monospace;
  font-size: 100%;
  margin: 1em 0 0 25px;
  padding: .9em;
  text-align:left;
  overflow: auto;
}

li pre{
  margin: 1em 0 0 0;
  padding: .9em;
}

blockquote {
  text-align:justify;
  background: url("quote.gif") no-repeat;
  background-position: 0% 0%;
  padding:10px 20px 5px 20px;
  margin:1em 90px 0 70px;
}

/* ########## END FONT FORMATS ########## */

/* ########## TABLES ########## */

table {
  border: 1px solid;
  border-color: #3366CC;
  border-spacing:0;
  margin: 1em 0 0 26px;
  border-collapse:collapse;
  clear:right;
}

th {
  font-weight:bold;
  text-align:left;
  margin-left:3%;
  border: 1px solid #3366CC;
  text-align: left;
  padding: 6px 6px 6px 12px;
  background-color: #e5ecf9;
}

td {
  border: 1px solid #3366CC;
  background: #fff;
  text-align:left;
  margin-left:3%;
  padding: 6px 6px 6px 12px;
  vertical-align:top;
}

td.alt {
  background: #eee;
}

/* ########## END TABLES ########## */

/* ########## MISCELLANEOUS ########## */

hr{
  border: 1px solid;
  border-color: #3366CC;
  margin: 20px 10px 20px 10px;
}

/* ########## END MISCELLANEOUS ########## */


